@extends('home.layout.index')
@section('header')

<div class='nav-ul-view'>
  <ul class='menu g'>

    <li class='gi
        
        '>
      <a class='m-item' href='/home'>
        <span>首页</span>
      </a>
    </li>
    <li class='gio
        is-active'>
      <a class='m-item' href='/home/chanpin'>
        <span>产品</span>
      </a>
    </li>
                                <li class='gi'>
      <a class='m-item' id='storeLink' href='/home/shop' data-hd-url='http://hd.oppo.com/act/2016/1001/index.html'>
        <span>商城</span>
              </a>
          </li>
    <li class='gi
        '>
      <a class='m-item' href='/home/notice'>
        <span>公告</span>
      </a>
    </li>
    <li class='gi   '>
     
     
    </li>
   
  </ul>
  </div>

@endsection

@section('content')
<main class='main-content'>

  <div class="product-index">


  	
	
  	
  	<div>
            <a href="{{$photo['url']}}"><img src="/upload/photo/{{$photo['pic']}}" title="{{$photo['title']}}" alt=""></a>
    </div>

    <div class="tabs-blank"></div>
    <ul class="tabs-mobile font-normal">
                 
        <li class="tab" id="tab-1">R系列</li>
             
        <li class="tab" id="tab-2">A系列</li>

                </ul>

    <div class="box-products">
      <div class="wrapper">
        <!-- <img src="picture/title-1.png" class="desk-title"> -->
        <div class="desk-title">OPPO 产品系列</div>
            <div class="brick-name">                     
                
          <div class="pull-left">
            <span class="serial-slogan"><span  class="serial-name">R系列</span>&nbsp;&nbsp;&nbsp;&nbsp;纤薄设计·至美外观</span>
          </div>
                    <div class="pull-right">
            <span class=""><a href="/home/shop" class="oppo-tj" data-tj="www|link|product|serial_1_more'])" target="_blank">查看更多</a></span>
            <span class="icon-more">
              <a href="http://www.opposhop.cn/" target="_blank" class="oppo-tj" data-tj="www|link|product|serial_1_more'])">
                <img src="/picture/icon-more.png">
              </a>
            </span>
          </div>
                  </div>
        <div class="brick-list">
              @foreach($dataR as $k=>$v)     
                <div class="brick-item serial " id="serial-1">
            <a href="/home/wupin?id={{$v['id']}}" class="oppo-tj" data-tj="www|link|product|serial_1_1" target="_blank">
              <div class="brick-img">
                <img src="/upload/{{$v['gpic']}}">
              </div>
              <div class="brick-content">
                <div class="brick-title">{{$v['model']}}</div>
                <p class="brick-desc">{{$v['name']}}</p>
                <a class="brick-learn-more font-normal oppo-tj" data-tj="www|link|product|serial_1_1_more" href="">&nbsp;&nbsp;了解产品&nbsp;&nbsp;&gt;</a>
              </div>
            </a>
          </div>
                       @endforeach        
       
                        </div>
                <div class="brick-mobile-more">
          <span class="font-normal"><a href="http://www.opposhop.cn/" class="oppo-tj" data-tj="www|link|product|serial_1_mobile_more">&nbsp;&nbsp;R系列更多产品&nbsp;&nbsp;&gt;&gt;</a></span>
        </div>
                                 
                <div class="brick-name">
          <div class="pull-left">
            <span class="serial-slogan"><span  class="serial-name">A系列</span>&nbsp;&nbsp;&nbsp;&nbsp;潮流设计·实用体验</span>
          </div>

                  </div>
        <div class="brick-list">
                 @foreach($dataA as $k=>$v)        
                <div class="brick-item serial " id="serial-2">
            <a href="/home/wupin?id={{$v['id']}}" class="oppo-tj" data-tj="www|link|product|serial_2_1" target="_blank">
              <div class="brick-img">
                <img src="/upload/{{$v['gpic']}}">
              </div>
              <div class="brick-content">
                <div class="brick-title">{{$v['model']}}</div>
                <p class="brick-desc"> {{$v['name']}} </p>
                <a class="brick-learn-more font-normal oppo-tj" data-tj="www|link|product|serial_2_1_more" href="">&nbsp;&nbsp;了解产品&nbsp;&nbsp;&gt;</a>
              </div>
            </a>
          </div>
                   @endforeach      
         
        </div>
            
        </div>
     
     </div>
    </div>
</div>
</main> 

@endsection
